/* diy组件 */
// @import "../../components/diy/index.css";
@keyframes rainbow {
	0% {
		// transform:scale(1);
		// -ms-transform:scale(1); 	/* IE 9 */
		// -moz-transform:scale(1); 	/* Firefox */
		// -webkit-transform:scale(1); /* Safari 和 Chrome */
		// -o-transform:scale(1); 	/* Opera */
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */
	}
	1% {
		transform:rotate(20deg);
		-ms-transform:rotate(20deg); 	/* IE 9 */
		-moz-transform:rotate(20deg); 	/* Firefox */
		-webkit-transform:rotate(20deg); /* Safari 和 Chrome */
		-o-transform:rotate(20deg); 	/* Opera */
	}
	2%{
		transform:rotate(40deg);
		-ms-transform:rotate(40deg); 	/* IE 9 */
		-moz-transform:rotate(40deg); 	/* Firefox */
		-webkit-transform:rotate(40deg); /* Safari 和 Chrome */
		-o-transform:rotate(40deg); 	/* Opera */
	}
	3%{
		transform:rotate(20deg);
		-ms-transform:rotate(20deg); 	/* IE 9 */
		-moz-transform:rotate(20deg); 	/* Firefox */
		-webkit-transform:rotate(20deg); /* Safari 和 Chrome */
		-o-transform:rotate(20deg); 	/* Opera */
	}
	4%{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */
	}
	5% {
		transform:rotate(-20deg);
		-ms-transform:rotate(-20deg); 	/* IE 9 */
		-moz-transform:rotate(-20deg); 	/* Firefox */
		-webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
		-o-transform:rotate(-20deg); 	/* Opera */
	}
	6%{
		transform:rotate(-40deg);
		-ms-transform:rotate(-40deg); 	/* IE 9 */
		-moz-transform:rotate(-40deg); 	/* Firefox */
		-webkit-transform:rotate(-40deg); /* Safari 和 Chrome */
		-o-transform:rotate(-40deg); 	/* Opera */
	}
	7%{
		transform:rotate(-20deg);
		-ms-transform:rotate(-20deg); 	/* IE 9 */
		-moz-transform:rotate(-20deg); 	/* Firefox */
		-webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
		-o-transform:rotate(-20deg); 	/* Opera */
	}
	8%{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */
	}
}
// 标题栏
.left-title{
	font-size: 32rpx;
	color: #222;
	white-space: nowrap;
	.shopIcon{
		display: inline-block;
		margin-right: 16rpx;
		font-size: 36rpx;
		animation: 3s rainbow ease infinite normal;
		&.shopIcon-noani{
			animation: none;
		}
	}
	.shopIcon-image{
		width: 128rpx;
		height: 34rpx;
		image{
			width: 100%;
			height: 100%;
			display: block;
		}
	}
	.shopIcon-img{
		display: inline-block;
		width: 48rpx;
		height: 48rpx;
		margin: 0 10rpx 0 0;
		border-radius: 50%;
		background: #D8D8D8;
		overflow: hidden;
		image{
			width: 100%;
			height: 100%;
			display: block;
		}
	}
	.text{
		height: 36rpx;
		line-height: 32rpx;
		max-width: 300rpx;
	}
	.tui-chat-text{
		height: 120rpx;
		padding: 32rpx 30rpx;
		width: 280rpx;
		color: #333333;
		font-size: 28rpx;
		white-space:normal;
		display: inline-block;
		.okBut{
			margin-top: 20rpx;
			text-align: right;
		}
	}
}
.header{
	height: 88rpx;
}
.index-header{
	position: fixed;
	left: 0;
	width: 100%;
	height: 88rpx;
	z-index: 9;
	background-color: #fff;
	/* #ifdef MP */
	// top: 128rpx;
	/* #endif */
}
.index-header text{
	font-size: 36rpx;
}
.index-header-c{
	flex: 1;
	overflow: hidden;
}
.index-header-c view{
	position: relative;
	margin: 0 28rpx;
	font-size: 36rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-bottom: 4rpx solid transprent;
	box-sizing: border-box;
	&::after{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		width: 48rpx;
		height: 4rpx;
		background-color: #fff;
	}
	&.on::after{
		background-color: $red;
	}
}
.index-header-l,.index-header-r{
	width: 130rpx;
	line-height: 88rpx;
	overflow: hidden;
	.cate_btn,.search_btn{
		line-height: 40rpx;
		.iconfont2{
			font-size: 36rpx;
		}
		.text{
			color: #333;
			font-size: 28rpx;
			line-height: 28rpx;
			margin-left: 10rpx;
		}
	}
}
.usShop{
	width:80rpx;
	height:30rpx;
	margin-left: 10rpx;
}
.bgf8{min-height: 100%;}
// 卖手圈九图
/* <=2 */
/deep/ .goods_pic1 .goods_pic_item,/deep/ .goods_pic2 .goods_pic_item{
	width: 290rpx;
	height: 290rpx;
}
/* 3 */
/deep/ .goods_pic3 .goods_pic_item:nth-child(1){
	width:388rpx;
	height:394rpx;
	margin-right: 10rpx;
}
/deep/ .goods_pic3 .goods_pic_item:nth-child(2),/deep/ .goods_pic3 .goods_pic_item:nth-child(3){
	width:192rpx;
	height:192rpx;
}
/* >3 */
/deep/ .goods_pic .goods_pic_item {
	width: 190rpx;
	height: 190rpx;
}
/* 大于六张的蒙版 */
/deep/ .goods_pic_mark{
	width: 190rpx;
	height: 190rpx;
}
//卖手圈无数据
/deep/ .saler_nodata .tui-nodata-fixed{
	position: relative;
	top: 60rpx;
	transform: translateX(-50%);
}
/deep/ .goods-attr .goods-attr--scroll{
	max-height:444rpx !important;
}
/deep/ .pop--bottom .pop__container{
	bottom: 98rpx;
	bottom:100rpx;
}
// 赚钱功能-赚一赚
.applyImg{
	width: 200rpx;
	height: 200rpx;
	position: fixed;
	right: 0;
	bottom: 210rpx;
	image{
		width: 100%;
		height: 100%;
	}
}